<!--  -->
<template>
  <div class="">
    <el-row style="height: 30px">
      <el-col :span="8" style="border: 1px solid #929292">
        <el-link type="primary" href="http://localhost/system/px"
          >报修</el-link
        >
        <div class="grid-content bg-purple">
          <img src="../../../assets/aliIcon/05-报事报修.png" /><br />
        </div>
      </el-col>
      <el-col :span="8" style="border: 1px solid #929292">
        <el-link type="primary" href="http://localhost/system/system/notices/pie"
          >统计</el-link
        >
        <div class="grid-content bg-purple-light">
          <img src="../../../assets/aliIcon/统计.png" />
        </div>
      </el-col>
      <el-col :span="8" style="border: 1px solid #929292"
        >
        <el-link type="primary" href="http://localhost/system/huansu"
            >换宿</el-link
          >
        <div class="grid-content bg-purple-light">
          
          <img src="../../../assets/aliIcon/宿舍 (1).png" /><br />
        </div>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="8" style="border: 1px solid #929292"
        >
        <el-link type="primary" href="http://localhost/system/map"
            >我的宿舍</el-link
          >
        <div class="grid-content bg-purple">
          
          <img src="../../../assets/aliIcon/搜索房间.png" /><br />
        </div>
      </el-col>
      <el-col :span="8" style="border: 1px solid #929292"
        >
        <el-link type="primary" href="http://localhost/system/map"
            >离宿申请</el-link
          >
        <div class="grid-content bg-purple-light">
        
          <img src="../../../assets/aliIcon/人员离开.png" /><br />
        </div>
      </el-col>
      <el-col :span="8" style="border: 1px solid #929292"
        > <el-link type="primary" href="http://localhost/system/map"
            >地图位置</el-link
          ><div class="grid-content bg-purple-light">
         
          <img src="../../../assets/aliIcon/地图.png" /><br />
        </div>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="8" style="border: 1px solid #929292"
        > <el-link type="primary" href="http://localhost/system/sindex"
            >信息通告</el-link
          ><div class="grid-content bg-purple">
         
          <img src="../../../assets/aliIcon/通告.png" /><br /></div
      ></el-col>
      <el-col :span="8" style="border: 1px solid #929292"
        ><el-link type="primary" href="http://localhost/system/pinfen"
            >评分</el-link
          ><div class="grid-content bg-purple-light">
          
          <img src="../../../assets/aliIcon/评分.png" /><br /></div
      ></el-col>
      <el-col :span="8" style="border: 1px solid #929292"
        >  <el-link type="primary" href="http://localhost/system/yonhu"
            >个人信息</el-link
          ><div class="grid-content bg-purple-light">
        
          <img src="../../../assets/aliIcon/个人信息.png" /><br /></div
      ></el-col>
    </el-row>
  </div>
</template>

<script>
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
//例如：import 《组件名称》 from '《组件路径》';

export default {
  //import引入的组件需要注入到对象中才能使用
  components: {},
  data() {
    //这里存放数据
    return {};
  },
  //监听属性 类似于data概念
  computed: {},
  //监控data中的数据变化
  watch: {},
  //方法集合
  methods: {
    show() {
      console.log("======");
    },
  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
  beforeCreate() {}, //生命周期 - 创建之前
  beforeMount() {}, //生命周期 - 挂载之前
  beforeUpdate() {}, //生命周期 - 更新之前
  updated() {}, //生命周期 - 更新之后
  beforeDestroy() {}, //生命周期 - 销毁之前
  destroyed() {}, //生命周期 - 销毁完成
  activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
};
</script>
<style lang='scss' scoped>
//@import url(); 引入公共css类
</style>